/******************************/
/***         layout         ***/

HTML {
	/*POSITION: absolute;*/
	HEIGHT: 100%;
	padding: 0;
	MARGIN: 0;
	WIDTH: 100%;
}

body {
  position: relative;
  margin: 0px;
  min-height:100%;
}

#title {
  width: 100%;
  Z-Index:100;
}

#title h1 {
  line-height: 40px;
  margin: 0;
  padding: 0 20px;
}

* HTML,
* HTML Body {
  Position:Absolute;
  Height:100%;
}

#stream{
  padding: 0px 20px;
  margin: 0px;
  min-width:640px;
  padding-bottom: 25px;
  overflow: hidden;
}

#content {
  overflow: hidden;
  position: relative;
  width: 100%;
  zoom:1;
}

#menu{
  position: relative;
  height: 540px;
  width: 190px;
  margin-right:20px;
}

#menu p{
	margin:0;
	padding-top:8px;
	padding-left:8px;
}

#menu LABEL{
	margin: 8px 9px 4px 8px;
}
#menu INPUT{
	margin: 0 0 0px 8px;
	display: inline;
}
#menu #btn{
	margin: 0;
	display: inline;
}

#contentfooter{
	width:100%;
}

#contentfooter INPUT{
  float:right;
  margin: 8px 10px 8px 8px; 
}

#tablecontent{
  padding:16px;
  margin:0;
}

#formcontent{
  padding:16px;
 margin:0;
} 

#formcontent P{
  padding:0;
  margin:0;
}

#formcontent INPUT,
#formcontent TEXTAREA,
#formcontent SELECT{
	margin-top:4px;
	margin-bottom: 8px;
}

#formcontent SELECT{
width:120px;
}

#main{
  float:left; 
  width:100%;
  margin: 10px;
  margin-right:-250px;
}

* html #main {
margin: 5px;
margin-right:-250px;
}

#main P{
   margin:0;
	MARGIN-RIGHT: 250px;
	padding: 0;
}

#main INPUT,
#main TEXTAREA{
	margin-top:4px;
	margin-bottom: 8px;
}

#main UL LI P{
	margin-right:70px;
}

#main UL LI{
    list-style: none;
	margin-left: -38px;
	margin-right:270px;
	margin-bottom: 32px;
}

#fields{
  float:right; 
  width:230px;
  margin:0.5em 0;
}

#fields SELECT{
width:100px;
}

#fields P{
	margin: 0 8px 0 8px;
}

#field P{
	margin: 8px 8px 0 8px;	
}

#field P SELECT,
#field P SAMP{
	margin-left:32px;
}
#field P LABEL{
  float:left; width:30%;
}

#field P SELECT{
	display: inline;
	vertical-align: middle;

}

#state UL LI SELECT{
	margin-left:32px;
}

#state UL{
  padding: 5px;
  margin: 0;
}

#attachment INPUT{
   WIDTH: 99%;
}

#attachment P{
   margin-top:8px;
}

#subscribers UL{
  padding: 5px;
  margin: 0;
}

#field,
#state,
#tag,
#attachment,
#subscribers{
	padding-bottom: 10px;
	margin-bottom: 10px;
	margin-right: 10px;
}



#main TEXTAREA,
#main INPUT {
	WIDTH: 99%;
}

#login TABLE{
 margin: 16px;
 padding:0;
}

#login INPUT{
	WIDTH: 150px
}

#login p,
#logout p{
   margin: 16px;
}

#login .button{
WIDTH: 60px;
}

#current_state {
	padding: 5px 0;
	text-align: center;
	border-style: solid;
	border-width: 0 0 1px 0;
	margin: 0 8px 0 8px;
}




H2{
	padding: 4px 0 4px 8px;
	margin: 0;
}

H3{
	padding: 4px 4px 4px 16px;
	margin: 0;
}

H4{
	padding:0;
	margin: 0;
}

H5{
  padding:0; 
  margin: 16px 0px 4px 32px;

}

FORM{
  padding:0;
  margin:0;
}

TABLE{
  padding:0;
  margin:0;
  width:100%;
}

TD{
  vertical-align: top;
}

.first-column{
  width:1%;
}

.second-column{
  width:99%;
}

#prjselect UL{
	margin: 16px 16px 16px 32px;
}

#prjselect UL LI{
	margin:4px;
}

.Center {
  Width:25em;
  Margin:120px Auto;
}

* HTML .Center {
  Position:Relative; Top:120px;
  Margin-Top:0;
}

.history H5{
	margin: 0;
	margin-top: 4px;
	margin-bottom: 4px;
}

.history H5 SMALL{
   margin-right:250px;
}




/******************************/
/***         colors         ***/
BODY{
  background: #ddd;
  color: black;
}

#title{
  color: Black;
}

#menu{
  background: white;
}

#content{
  background: white;
}

#meta{
  background: #7E99C9;/*#87C2E7;*/
}
/*

#fields{
	
}
*/

#field,
#state,
#tag,
#attachment,
#subscribers{
	background: #f4f4f4;
	border: 1px solid #7E99C9;
}


#login p{
   color: red;
}

#main OL LI P{
	/*background: #F7F7F7;*/
}


H2{
	/*background: Navy;*/
    background: #7E99C9;/*#87C2E7; */
	color:white;
}

H3{
	background: #E3E4FF; /*#B7B7DD;A0A4D4;*/
}


LI{
	list-style: none;
}

#main UL LI{
	border-top: 1px dashed;
}

.formerrors,
.errorlist{
	padding: 0;
	margin: 0;
	color: red;
	list-style: none;
}

.win{
	border: 1px solid #7E99C9;
	background: white;
}

#debugQueryTable{
  color:black;
}

#debugQueryTable TR{
  background:white;
}
  

/******************************/
/***         fonts          ***/


BODY{
	  FONT: 9pt Tahoma, Arial;
}

SAMP {
  font-family:Tahoma, Arial;
  font-weight:bold;
}

#current_state {
  font-size:9pt; font-weight:bold;
  text-transform:uppercase;
}



#main LABEL{
	font-weight: bold;
}

.subblock LABEL,
.subblock SAMP,
.subblock SELECT,
.subblock INPUT{
   font-size: 8pt;
}

.history H5{
	font-size: 9pt;
	font-weight: bold;
}

.history H5 SMALL{
	font-size: 8pt;
	font-weight: normal;
}


H2{
	font-size: 120%;
}

H3{
	font-size: 100%;
}

H4{
	font-size: 100%;
	font-weight: bold;
}

H5{
	font-size: 100%;
	font-weight: bold;
}



A {
	FONT-SIZE: 100%; COLOR: #00016e; TEXT-DECORATION: none
}
A:visited {
	COLOR: #00016e; TEXT-DECORATION: none
}
A:hover {
	COLOR: #0063ff; TEXT-DECORATION: underline
}
A:active {
	COLOR: #606080; TEXT-DECORATION: none
}


/* TAGS   *********************************************************/
/* Layout *********************************************************/

.tag_widget UL{
  margin:0;
  padding:0;
  margin-top:8px;
}

.tag_widget P{
  clear:both;
}

.tag_widget P IMG{
  margin-top:4px;
}


.input{
  margin-top:0;
}

.input INPUT{
  margin-top:4px;
  margin-left:8px;
  width:180px;
}

.output{
  margin-top:4px;
}

.output A{
  float:left;
  width:180px;
  margin-left:8px;
  clear:left;
}

.output IMG{
  margin-left:8px;
}


ul.suggest,
ul.suggest li {
  list-style:none;
  margin:0;
  padding:0;
}

	

/* Fonts **********************************************************/

ul.suggest {
  font-size: 90%;
}
.input INPUT{
   font-size: 8pt;
}

.output A{
font-size: 8pt;
}

/* Colors *********************************************************/

ul.suggest {
  background:#F0F0F0; color:black;
  border-color:#AAA;
}

ul.suggest .selected {
  background:#888; color:white;
}

/* Misc ***********************************************************/

ul.suggest {
  border-style:solid; border-width:1px;
}

ul.suggest li {
  padding:2px;
}
